<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>地区设置</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
    <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
    <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" />
    <link href="dist/css/common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="vendor/jquery/jquery-1.10.2.min.js"></script>

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 验证 -->
     <link href="dist/css/bootstrapValidator.css" rel="stylesheet" type="text/css" />
     <script src='dist/js/validate/bootstrapValidator.js'></script>
     <script src='dist/js/validate/notice.js'></script>
  </head>
  <body class="skin-blue sidebar-mini">
    <div class="wrapper">
    <header class="main-header">
        <a href="index.html" class="logo">
            <span class="logo-mini"><b>B</b>Y</span>
            <span class="logo-lg"><b>百寓后台</b></span>
        </a>
        <nav class="navbar navbar-static-top" role="navigation">

            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" style="padding:15px 12px";>
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    <li class="dropdown ">
                        <a href="user.html" >
                            <i class="fa ">新身份审核</i>
                            <span class="label label-success">9</span>
                        </a>
                    </li>
                    <!-- Notifications: style can be found in dropdown.less -->
                    <li class="dropdown ">
                        <a href="store.html" >
                            <i class="fa ">新店家</i>
                            <span class="label label-danger">9</span>
                        </a>
                    </li>
                    <li class="dropdown ">
                        <a href="shop.html" >
                            <i class="fa ">新店铺</i>
                            <span class="label label-info">9</span>
                        </a>
                    </li>
                    <li class="dropdown ">
                        <a href="reservations.html" >
                            <i class="fa ">新订房</i>
                            <span class="label label-primary">9</span>
                        </a>
                    </li>
                    <!-- Tasks: style can be found in dropdown.less -->
                    <li class="dropdown ">
                        <a href="shows.html" >
                            <i class="fa ">新看房</i>
                            <span class="label label-warning">9</span>
                        </a>
                    </li>
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
                            <span class="hidden-xs">用户名Style</span>
                        </a>
                    </li>
                    <li class="dropdown go_back">
                        <a href="#">
                            <span class="glyphicon glyphicon-remove"></span>
                        </a>
                    </li>
                </ul>
            </div>

        </nav>
    </header>
    <script>
        window.onload=function(){
            $('.go_back').click(function(){
                window.history.go(-1);
            })
        }
    </script>

    <!-- 左边导航列表main-sidebar start -->
    <aside class="main-sidebar">
        <section class="sidebar">
            <ul class="sidebar-menu">
                <li class="header">主菜单</li>
                <li class="treeview  ">
                    <a href="#">
                        <i class="fa fa-street-view"></i> <span>管理</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="index.html"><i class="fa fa-user"></i> 上铺后台首页</a></li>
                    </ul>
                </li>
                <li class="treeview ">
                    <a href="#">
                        <i class="fa fa-laptop"></i>
                        <span>用户管理</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li class = "active"><a href="user.html"><i class="fa fa-user"></i> 普通用户管理</a></li>
                        <li><a href="store.html"><i class="fa  fa-calendar-o"></i>店家管理</a></li>
                        <li><a href="shop.html"><i class="fa fa-cab (alias)"></i>店铺管理</a></li>
                        <li><a href="apartment.html"><i class="fa fa-tty"></i>房型管理</a></li>
                        <li><a href="reservations.html"><i class="fa fa-sliders"></i>订房订单管理</a></li>
                        <li><a href="shows.html"><i class="fa fa-wrench"></i>看房订单管理</a></li>
                        <li><a href="need.html"><i class="fa fa-wifi"></i>订房需要管理</a></li>
                        <li><a href="notive.html"><i class="fa  fa-newspaper-o"></i>系统通知</a></li>
                    </ul>
                </li>
                <li class="treeview active">
                    <a href="#">
                        <i class="fa fa-university"></i> <span>设置</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="area.html"><i class="fa fa-edit (alias)"></i> 地区设置</a></li>
                        <li><a href="subway.html"><i class="fa fa-key"></i> 地区地铁设置</a></li>
                        <li><a href="label.html"><i class="fa fa-square"></i> 标签设置</a></li>
                        <li><a href="brand.html"><i class="fa fa-bed"></i> 品牌管理</a></li>
                        <li><a href="room.html"><i class="fa fa-archive"></i> 居室内容设置</a></li>
                        <li><a href="configure.html"><i class="fa  fa-calculator"></i> 配置内容设置</a></li>
                        <li><a href="notice.html"><i class="fa  fa-building"></i> 通知模板</a></li>
                    </ul>
                </li>
                <li class="treeview ">
                    <a href="#">
                        <i class="fa fa-user-secret"></i> <span>管家</span>
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="gly1.html"><i class="fa fa-user"></i> 管理员</a></li>
                        <li><a href="gly2.html"><i class="fa fa-user-md"></i> 角色</a></li>
                    </ul>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>
    <!-- 左边导航列表end -->

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <section class="content-header">
          <h1>
           地区设置
          </h1>
          <ol class="breadcrumb">
            <li><a href="index.html"><i class="fa fa-home"></i> 主页</a></li>
            <li class="active"><i class="fa fa-circle-o"></i>地区设置</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <!-- /.col -->
            <div class="col-xs-12">
              <div class="box box-primary">
                <div class="box-header with-border">
                  <div class="row">
                    <div class="col-lg-2 col-sm-12 margin pull-right">
                      <button type='button' class='btn btn-primary' onclick="recharge($('.mask'))">添加</button>
                    </div>
                  </div>


                </div><!-- /.box-header -->
                <div class="box-body">
                  <div class="table-responsive mailbox-messages">
                    <table class="table table-hover table-striped ">
                       <thead>
                         <th>地区</th>
                         <th>操作</th>
                       </thead>
                       <tbody>
                        <tr>
                          <td>
                             上海
                          </td>
                          <td>
                             <a onclick="recharge($('.mask'))">修改</a>
                          </td>
                        </tr>
                        <tr>
                          <td>
                             北京
                          </td>
                          <td>
                             <a onclick="recharge($('.mask'))">修改</a>
                          </td>
                        </tr>
                       </tbody>
                    </table>
                  </div>
                </div><!-- /.box-body -->
                <div class="box-footer no-padding">
                  <div class="mailbox-controls">
                    <!-- Check all button -->
                    <div class="pull-right">
                      1-50/200
                      <div class="btn-group">
                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-left"></i></button>
                        <button class="btn btn-default btn-sm"><i class="fa fa-chevron-right"></i></button>
                      </div><!-- /.btn-group -->
                    </div><!-- /.pull-right -->
                    <hr class="hin" />
                  </div>
                </div>
              </div><!-- /. box -->
            </div><!-- /.col -->
          </div>

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
        <div class="mask">
            <div class="maskCon">
                <form action="area.html" method="post" id="mation">
                  <input type="hidden" name="show">
                <h3>地区名称</h3>
                <div class="form-group inputWidth">
                 <input type="text" class='form-control areaInput' name='areaAdd'> 
                 <span class="help-block" id="areaAddMessage"></span>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-success btn1">添加</button>
                    <button type="button" class="btn btn-default btn2">取消</button>
                </div>
                </form>
            </div>
        </div>
<script>
      function recharge(obj){
        $(obj).fadeIn();
        $(obj).find('.btn2').click(function(){
           $(obj).fadeOut(); 
        })
      }
    </script>
    <!--版权声明start-->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 1.0
        </div>
        <strong>Copyright &copy; 2016-2017 <a href="#">百寓</a>.</strong> All rights reserved.
      </footer>
    <div class='control-sidebar-bg'></div>
      
    </div><!-- ./wrapper -->

    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src='plugins/fastclick/fastclick.min.js'></script>
    <script src="dist/js/app.min.js" type="text/javascript"></script>
    <script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script>
    <script src="dist/js/demo.js" type="text/javascript"></script>

  </body>
</html>